First steps into css - aligning data insite one DIV [on hold]
Posted
by
Andrew
on Pro Webmasters
See other posts from Pro Webmasters
or by Andrew
Published on 2013-06-30T01:04:39Z
Indexed on
2013/06/30
4:28 UTC
Read the original article
Hit count: 525
css
I am trying to move away from tables, and start doing CSS. Here is my HTML code that I currently trying to place into a nice looking container.
<div>
<div>
<h2>ID: 4000 | SSN#: 4545</h2>
</div>
<div>
<img src="./images/tenant/unknown.png">
</div>
<div>
<h3>Names Used</h3>
Will Smith<br>
Bill Smmith<br>
John Smith<br>
Will Smith<br>
Bill Smmith<br>
John Smith<br>
Will Smith<br>
Bill Smmith<br>
John Smith<br>
</div>
<div>
<h3>Phones Used</h3>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
123456789<br>
</div>
<div>
<h3>Addresses Used</h3>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
125 Main Evanston IL 60202<br>
465 Greenwood St. Schaumburg null 60108<br>
</div>
</div>
I now understand now I create classes and assign classes to elements. I have no issues doing colors. But I am very confused with elements alignments. Could you suggest a nice way to pack it together with some CSS which I can analyze and take as a CSS starting learning point?
© Pro Webmasters or respective owner